html {
  font-size: 10px;
}

body {
  margin: 0;

}

.width20 {
  width: 20%;
}

.width22 {
  width: 22%;
}

.width25 {
  width: 25%;
}

.width28 {
  width: 28%;
}

.width50 {
  width: 50%;
}

.width60 {
  width: 60%;
}

.width100 {
  width: 100%;
}

.blue {
  color: #0000FF;
}

.green {
  color: #00ab00;
}

.purple {
  color: #800080;
}

.pink {
  color: #FF00FF;
}

.teal {
  color: #00FFFF;
}

.text-center {
  text-align: center;
}

.red {
  color: #FF0000;
}
.light-red {
  color: #FFCCFF;
}
.black {
  color: #000000;
}
.yellow {
  color: #FFFF00;
}
.light-yellow {
  color: #808000;
}

.white {
  color: white;
}

.bg-yellow {
  background: #FFFF00;
}

.bg-light-yellow {
  background: #808000;
}

.bg-green {
  background: #00ab00;
}

.bg-red {
  background: #FF0000;
}
.bg-blue{
  background: #0000FF;
}
.bg-dark-red {
  background: #800000;
}

.bg-light-red {
  background: #FFCCFF;
}

.bg-purple {
  background: #800080;
}

.bg-white {
  background: white;
}

.bg-teal {
  background: #00FFFF;
}

.bg-light-teal {
  background: #ccffff;
}

.m-t5 {
  margin-top: 5px;
}
.m-5 {
  margin: 5px;
}
.m-b5 {
  margin-bottom: 5px;
}

.m-t10 {
  margin-top: 10px;
}

.m-b10 {
  margin-bottom: 10px;
}
.p-5 {
  padding: 5px;
}
.plr-5 {
  padding-left: 5px;
  padding-right: 5px;
}
.p-10 {
  padding: 10px;
}
.p-t10 {
  padding-top: 10px;
}
.p-b10 {
  padding-bottom: 10px;
}
.font14 {
  font-size: 1.4rem;
}

.font16 {
  font-size: 1.6rem;
}

.font20 {
  font-size: 2rem;
}
.font25 {
  font-size: 2.5rem;
}
.font30 {
  font-size: 3rem;
}

.font33 {
  font-size: 3.3rem;
}

.font35 {
  font-size: 3.5rem;
}

.font40 {
  font-size: 4rem;
}

.font48 {
  font-size: 4.8rem;
}

.font-bolder {
  font-weight: bolder;
}
.border {
  border: 1px solid #a37f21;
}
.hover-pointer {
  cursor: pointer;
}
.flex{
  display: flex;
}
.inline-block {
  display: inline-block;
}
@media (max-width: 750px) {  
  .font14 {
    font-size: 0.7rem;
  }

  .font16 {
    font-size: 0.8rem;
  }

  .font20 {
    font-size: 1rem;
  }
  
  .font25 {
    font-size: 1.25rem;
  }

  .font26 {
    font-size: 1.3rem;
  }

  .font30 {
    font-size: 1.5rem;
  }

  .font33 {
    font-size: 1.65rem;
  }

  .font35 {
    font-size: 1.7rem;
  }

  .font40 {
    font-size: 2rem;
  }

  .font48 {
    font-size: 2.4rem;
  }
}